<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>索菲亚衣柜官网商城</title>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
        integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="src/lib/layui/css/layui.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css">
    <link rel="stylesheet" href="src/css/index.css">
</head>

<body>
    <div id="boss-A" style="width: 100%;margin: 0 auto;">
    <!-- 头部 -->
    <div id="large_box" style="margin: 0 auto;">
        <div id="box_1">
            <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/logo.png" alt="">
            <div id="search-inp">
                <input id="inp1" type="text" placeholder="大家都在搜">
                <button id="btn1"><i class="glyphicon glyphicon-search"></i></button>
            </div>
            <div id="box_2">
                <div id="logined" >
                    <i class="layui-icon layui-icon-username" style="font-size: 25px;color: red;"></i>
                    <span id="zk" style="font-size: 20px;">fafafafafa</span>
                </div>
                <a id="nologin" href="html/login.html">登录/注册</a>
                <a href="#"><i class="glyphicon glyphicon-globe
                    "></i>English<i class="glyphicon glyphicon-chevron-right
                    "></i></a>
            </div>

        </div>
    </div>
    <!-- 导航 -->
    <div id="mid_box"  style="margin: 0 auto;">
        <div id="box_2">
            <ul>
                <li><a href="http://zk123.gz01.bdysite.com/">首页</a></li>
                <li><a href="#" style="color: red;">商品分类</a>
                <!-- 二级导航 -->
                <div id="erji">
                    <ul>
                        <li id="li_1"><div><a href="html/list.html" style="opacity: 0;width: 100%;height: 100%; color: red;"></a></div><p style="color: red;">卧室</p></li>
                        <li id="li_2"><div><a href="html/list.html" style="opacity: 0;width: 100%;height: 100%;"></a></div><p>书房</p></li>
                        <li id="li_3"><div><a href="html/list.html" style="opacity: 0;width: 100%;height: 100%;"></a></div><p>青少年房</p></li>
                        <li id="li_4"><div><a href="html/list.html" style="opacity: 0;width: 100%;height: 100%;"></a></div><p>客餐厅</p></li>
                        <li id="li_5"><div><a href="html/list.html" style="opacity: 0;width: 100%;height: 100%;"></a></div><p>阳台</p></li>
                        <li id="li_6"><div><a href="html/list.html" style="opacity: 0;width: 100%;height: 100%;"></a></div><p>家居用品</p></li>
                        <li id="li_7"><div><a href="html/list.html" style="opacity: 0;width: 100%;height: 100%;"></a></div><p>全屋定制一口价</p></li>
                    </ul>
                </div>
                </li>
                <li><a href="#">限时福利</a></li>
                <li><a href="#">家装攻略</a></li>
                <li><a href="#">客户晒家</a></li>
                <li><a href="#">品牌实力</a></li>
                <li><a href="#">附近门店</a></li>
                <li><a href="#">招商加盟</a></li>
            </ul>
        </div>
    </div>
    
    <!-- 主干 -->
    <!-- 区域1 -->
    <div id="body_1"  style="margin: 0 auto;">
        <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_01.jpg" alt="">
        <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_02.jpg" alt="">
        <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_03.jpg" alt="">
        <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_04.jpg" alt="">
        <div id="box_3">
            <div class="layui-carousel" id="test1">
                <div carousel-item>
                    <div><img src="https://img.suofeiya.com.cn/images/202008/aef2d2d4292b025944c4b81ee7dd58e6.jpg"
                            alt=""></div>
                    <div><img src="https://img.suofeiya.com.cn/images/202007/a127e30dee338f903f9740de1197c9a7.jpg"
                            alt=""></div>
                    <div><img src="https://img.suofeiya.com.cn/images/202008/cc01dbff9bfb6a0d1eaa93da732fcff4.jpg"
                            alt=""></div>
                    <div><img src="https://img.suofeiya.com.cn/images/202006/965803cae9a31d281e5154d8e2230fff.jpg"
                            alt=""></div>
                    <div><img src="https://img.suofeiya.com.cn/images/202008/1c99b330de831cc28ccf01c50da6d27f.jpg"
                            alt=""></div>
                </div>
            </div>
        </div>

    </div>
    <!-- 线 -->
    <div id="xian"  style="margin: 0 auto;"></div>
    <!-- 区域2 -->
    <div id="body_3"  style="margin: 0 auto;">
        <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_05.jpg" alt="">
        <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_06.jpg" alt="">
        <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_07.jpg" alt="">
        <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_08.jpg" alt="">
        <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_09.jpg" alt="">
        <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_10.jpg" alt="">
        <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_11.jpg" alt="">
        <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_12.jpg" alt="">
        <div id="box_4">
            <ul>
                <li>
                    <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/step_1_on.png">
                    <p>预约量尺</p>
                    <p>Appointment</p>
                </li>
                <li><img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/step_2_on.png">
                    <p>上门测量</p>
                    <p>Measurement</p>
                </li>
                <li><img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/step_3_on.png">
                    <p>专业设计</p>
                    <p>Design</p>
                </li>
                <li><img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/step_4_on.png">
                    <p>配送安装</p>
                    <p>Installation</p>
                </li>
                <li><img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/step_5_on.png">
                    <p>终身维护</p>
                    <p>Maintenance</p>
                </li>
            </ul>
        </div>
        <!-- <div id="box_44"> -->


        <div id="box_5">
            <div id="box_5_top">
                <h3>HOUSE&nbsp&nbspTYPE</h3>
                <h4>卧室·摆平你家里户型大难题</h4>
            </div>
            <div id="box_5_bottom">
                <img src="https://img.suofeiya.com.cn/images/202005/f5fae199420a13fb10f1b4d07faeffd8.jpg" alt="">
            </div>
        </div>
        <!-- </div> -->

    </div>
    <!-- 线 -->
    <div id="xian"  style="margin: 0 auto;"></div>
    <!-- 区域2 -->
    <div id="body_4"  style="margin: 0 auto;">
        <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_13.jpg" alt="">
        <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_14.jpg" alt="">
        <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_15.jpg" alt="">
        <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_16.jpg" alt="">
        <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_17.jpg" alt="">
        <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_18.jpg" alt="">
        <!-- <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_11.jpg" alt="">
        <img src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_12.jpg" alt=""> -->
        <div id="box_5">
            <ul>
                <li><img src="https://img.suofeiya.com.cn/images/202002/e6b8b271b20082372fa9d4439820edaa.png"></li>
                <li><img src="https://img.suofeiya.com.cn/images/202002/76251fd25b72a7a0e8bd2792dd25a2aa.png"></li>
                <li><img src="https://img.suofeiya.com.cn/images/202002/f172cf46478850b622fdf968acc587d7.png"></li>

            </ul>
        </div>
        <div id="box_6">
            <div id="box_6_top">
                <h3>HOUSE&nbsp&nbspTASTE</h3>
                <h4>餐厅·定制属于你的生活乐趣</h4>
            </div>
            <div id="box_6_bottom">
                <img src="https://img.suofeiya.com.cn/images/202005/c7d27d94367911b9281bd5efb61e67c1.jpg" alt="">
            </div>
        </div>
        <!-- </div> -->

    </div>
    <!-- 线 -->
    <div id="xian1"  style="margin: 0 auto;"></div>
    <!-- 区域3 -->
    <div id="body_5"  style="margin: 0 auto;">
        <img id="img1" src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_19.jpg" alt="">
        <img id="img1" src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_20.jpg" alt="">
        <img id="img1" src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_21.jpg" alt="">
        <img id="img1" src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_22.jpg" alt="">
        <img id="img1" src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_23.jpg" alt="">
        <img id="img1" src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_24.jpg" alt="">
        <img id="img1" src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_25.jpg" alt="">
        <div id="box_7">
            <div id="box_7_left">
                <div><img src="https://img.suofeiya.com.cn/images/202005/ddc660cde98a007e093fba94c220fa97.jpg" alt="">
                </div>
                <div><img src="https://img.suofeiya.com.cn/images/202005/a8cb693886a63c406dcc639228411243.jpg" alt="">
                </div>
                <div><img src="https://img.suofeiya.com.cn/images/202007/667cb9e185bc81e8dc8b3d465e1ca6ef.jpg" alt="">
                </div>
                <div><img src="https://img.suofeiya.com.cn/images/202005/df50cfa8ad752e534a156c09e41634c0.jpg" alt="">
                </div>
                <div><img src="https://img.suofeiya.com.cn/images/202005/d4298745dab06e2394b1c72721dc7740.jpg" alt="">
                </div>
            </div>
            <div id="box_7_right">
                <div id="box_7_right1" a='0'>
                    <p>轻奢生活馆</p>
                    <p>Luxury</p>
                </div>
                <div id="box_7_right1" a='1'>
                    <p>精致收纳家</p>
                    <p>Storage</p>
                </div>
                <div id="box_7_right1" a='2'>
                    <p>时尚鞋帽间</p>
                    <p>Shoes</p>
                </div>
                <div id="box_7_right1" a='3'>
                    <p>粉红浪漫屋</p>
                    <p>Pink</p>
                </div>
                <div id="box_7_right1" a='4'>
                    <p>高端休闲室</p>
                    <p>Leisure</p>
                </div>

            </div>
        </div>
        <div id="box_8">
            <div id="box_8_top">
                <h3>HOUSE&nbspSPACE</h3>
                <h4>客厅·舒服才是家该有的模样</h4>
            </div>
            <img src="https://img.suofeiya.com.cn/images/202005/9740483d40980dfe8707acb5f4ba43e5.jpg" alt="">
        </div>
    </div>
    <!-- 区域4 -->
    <div id="body_6"  style="margin: 0 auto;">
        <img id="img2" src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_26.jpg" alt="">
        <img id="img2" src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_27.jpg" alt="">
        <img id="img2" src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_28.jpg" alt="">
        <img id="img2" src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_29.jpg" alt="">
        <img id="img2" src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_30.jpg" alt="">
        <img id="img2" src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_31.jpg" alt="">
        <img id="img2" src="https://img.suofeiya.com.cn/wwwwebsite/Www/home_twenty/images/bg_32.jpg" alt="">
        <div id="body_6_top">
            <div id="top6-1">
                <p>卧室</p><img src="https://img.suofeiya.com.cn/images/202005/876530ea6cd9e3cfebade2e4bf2cef12.jpg"
                    alt="">
            </div>
            <div id="top6-1">
                <p>书房</p><img src="https://img.suofeiya.com.cn/images/202005/2b63b5c88d1a966a7bbccadeb3aa616f.jpg"
                    alt="">
            </div>
            <div id="top6-1">
                <p>青少年房</p><img src="https://img.suofeiya.com.cn/images/202005/28707ebfc677a6f72edc4bce29302954.jpg"
                    alt="">
            </div>
            <div id="top6-1">
                <p>客餐厅</p><img src="https://img.suofeiya.com.cn/images/202005/e932b25bf6463a7251bf8549b0239c67.jpg"
                    alt="">
            </div>
            <div id="top6-1">
                <p>衣帽间</p><img src="https://img.suofeiya.com.cn/images/202005/ecc6910a31070a9ce59449f4c76d06b9.jpg"
                    alt="">
            </div>
            <div id="top6-1">
                <p>入户</p><img src="https://img.suofeiya.com.cn/images/202005/607116efcfa4eac1bcdd963878e2141a.jpg"
                    alt="">
            </div>
        </div>
        <div id="body_6_botton">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img
                            src="https://img.suofeiya.com.cn/images/202006/ac88155c368da8a00432f3cacf3ccdd4.jpg" alt="">
                    </div>
                    <div class="swiper-slide"><img
                            src="https://img.suofeiya.com.cn/images/202002/bb5ac28090ebe0ab510e68a7c337b02c.jpg" alt="">
                    </div>
                    <div class="swiper-slide"><img
                            src="https://img.suofeiya.com.cn/images/202003/2351d01670ecd75e782e5ea8c97ae725.jpg" alt="">
                    </div>
                    <div class="swiper-slide"><img
                            src="https://img.suofeiya.com.cn/images/202006/ac88155c368da8a00432f3cacf3ccdd4.jpg" alt="">
                    </div>
                    <div class="swiper-slide"><img
                            src="https://img.suofeiya.com.cn/images/202002/bb5ac28090ebe0ab510e68a7c337b02c.jpg" alt="">
                    </div>

                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </div>
    
    

    <!-- 底部 -->
    <div id="dibu"  style="margin: 0 auto;">
        <div id="dibu_1">
            <div id="dibu_1_a">
                <ul>
                    <li><a>线下门店</a></li>
                    <li><a>招商加盟</a></li>
                    <li><a>专题活动</a></li>
                    <li><a>定制案例</a></li>
                    <li><a>装修攻略</a></li>
                    <li><a>效果图库</a></li>
                    <li><a>友情链接</a></li>
                    <li><a>投诉建议</a></li>
                    <li><a>关于我们</a></li>
                    <li><a>索菲亚衣柜定制专家</a></li>
                </ul>

            </div>
            <div id="dibu_1_b">
                <p>客服热线：400-880-2280</p>
                <p>工作日&nbsp;8:00-20:00</p>
                <p>节假日&nbsp;9:00-17:30</p>

            </div>
            <div id="dibu_1_c">
                <div>
                    <img src="https://www.suofeiya.com/Www/home/images/wechat_1.jpg" alt="">
                    <span>官方微信</span>
                </div>
                <div>
                    <img src="https://www.suofeiya.com/Www/home/images/wechat_2.jpg" alt="">
                    <span>手机商城</span>
                </div>

            </div>

        </div>
        <!-- 线 -->
        <div id="dibu_2"></div>
        <div id="dibu_3">
            <img src="https://www.suofeiya.com/Www/home/images/ren_01.png" alt="">
            <img src="https://www.suofeiya.com/Www/home/images/ren_02.png" alt="">
            <span>Copyright © 2020 索菲亚家居股份有限公司 All Right Reserved
                .粤ICP备10048445号&nbsp;&nbsp;温馨提示：除国家标准以外，本网站所示产品标准均为企业标准。</span>
        </div>
    </div>
    <!-- 浮窗 -->
    <div id="fuchuang">
        <ul>
            <li style="background-image: url(src/images/AA.png);background-repeat: no-repeat;background-position:top;">
                <span>咨询客服</span></li>
            <li style="background-image: url(src/images/BB.png);background-repeat: no-repeat;background-position: top;">
                <span>咨询客服</span></li>
            <li style="background-image: url(src/images/CC.png);background-repeat: no-repeat;background-position: top;">
                <span>咨询客服</span></li>
            <li style="background-image: url(src/images/DD.png);background-repeat: no-repeat;background-position: top;">
                <span>咨询客服</span></li>
            <li style="background-image: url(src/images/EE.png);background-repeat: no-repeat;background-position: top;">
                <span>咨询客服</span></li>
        </ul>
    </div>
</div>









</body>
<script src="https://unpkg.com/swiper/swiper-bundle.js"> </script>
<script src="src/lib/layui/layui.js"></script>
<script src="src/js/fetch.js"></script>
<script src="src/js/tools.js"></script>

<script>
    //首页最顶上轮播图
    layui.use('carousel', function () {
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1'
            , width: '100%' //设置容器宽度
            , arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
    });
</script>
<script>
    //区域3选项卡
    var a = document.querySelectorAll('#box_7_right1');
    var b = document.querySelectorAll('#box_7_left div')

    for (var i = 0; i < a.length; i++) {
        a[i].setAttribute('a', i)
        a[i].onclick = function () {
            // console.log(111)
            for (var j = 0; j < a.length; j++) {
                b[j].setAttribute('class', '')
                a[j].setAttribute('class', '')

            }
            this.setAttribute('class', 'aa')
            var v = this.getAttribute('a')
            b[v].setAttribute('class', 'bb')
        }
    }

</script>
<script>
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 3,
        spaceBetween: 30,
        centeredSlides: true,
        loop: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });
</script>
<script>
    function getAllCookie() {
        var cookie = document.cookie;
        var list = cookie.split('; ');
        return list.reduce(function (total, value) {
            total[value.split('=')[0]] = value.split('=')[1]
            return total;
        }, {});
    }
    // 获取特定的cookie
    function getCookie(name) {
        return getAllCookie()[encodeURIComponent(name)] ? decodeURIComponent(getAllCookie()[encodeURIComponent(name)]) : '';
    }


    var username = getCookie('login_user');
    if (username) {
        document.querySelector('#logined').style.display='block';
        document.querySelector('#zk').innerHTML=username;
    } else {
        document.querySelector('#nologin').style.display='block';
    }
</script>

</html>